html, body {
  padding: 0;
  margin: 0;
  background: #343642;
}

body {
  min-height: 100vh;
  color: $dark-grey;
  -webkit-font-smoothing: antialiased;
}

h2, h2 a {
  color: $dark-grey;

  &:hover {
    text-decoration: none;
  }
}

h4 {
  margin: 0 0 20px 0;
}

img {
  max-width: 100%;
}

ul, ol {
  margin-top: 20px;
  margin-bottom: 20px;
  li {
    margin: 0 0 10px 0;
  }
}

code, pre, tt {
  font-family: "Andale Mono", Courier, "Courier New", monospace;
  font-size: .9em;
  white-space: pre-wrap;
  border-radius: 2px;
  line-height: 1.4;
  font-weight: 400;
  background-color: #f9f2f4;
  color: #c7254e;
  font-weight:600;
  border-radius: 4px;
  margin-bottom:0;
}

code.highlighter-rouge
{
  padding:4px 7px;
  margin: 0 5px;
}

div.highlight{
  padding:3px 8px;
  margin-bottom: 1.1em;
  code, pre, tt {
    background-color: unset;
    color: #F5F5F5;
    margin-bottom:0;
    white-space:pre;
  }
}

table {
  padding: 0;
  tr
  {
    border-top: 1px solid #cccccc;
    background-color: white;
    margin: 0;
    padding: 0;
    th
    {
      font-weight: bold;
      border: 1px solid #cccccc;
      text-align: left;
      margin: 0;
      padding: 6px 13px;
    }
    td
    {
      border: 1px solid #cccccc;
      text-align: left;
      margin: 0;
      padding: 6px 13px;
    }
    th :first-child,
    td :first-child
    {
      margin-top: 0;
    }
    th :last-child,
    td :last-child
    {
      margin-bottom: 0;
    }
  }
  tr:nth-child(2n)
  {
    background-color: #f8f8f8;
  }
}